@charset "UTF-8";
body{font-family:"微软雅黑","Helvetica Neue",Helvetica,STHeiTi,sans-serif;}
a{text-decoration: none;}
a:hover, a:active {text-decoration: none;}

.container{max-width: 1100px;width: 100%;padding: 0;}




.area-first{margin-bottom: 25px;background: #f6f7fb;padding-bottom: 25px;overflow: hidden;padding-top: 30px;position: relative}

.area-first .news-swipe{height: 360px;}
.area-first .news-swipe .swiper-slide{position: relative;}
.area-first .news-swipe .swiper-slide img{width: 100%;}
.area-first .news-swipe .swiper-slide h3{width: 100%;height: 50px;background: rgba(0, 0, 0, .4);position: absolute;left: 0;bottom: 20px;}
.area-first .news-swipe .swiper-slide h3 a{display: block;width: 100%;height: 100%;padding: 0 15px;font-size: 18px;color: #fff;font-weight: normal;box-sizing: border-box;line-height: 50px;}
.area-first .news-swipe .swiper-button-next,
.area-first .news-swipe .swiper-button-prev{width: 30px;height: 40px;position: absolute;top: 50%;transform: translate(0,-50%)}
.area-first .news-swipe .swiper-button-next{background: url('../images/p02.png') center center no-repeat rgba(0, 0, 0, .2);background-size: 12px;right: 0;}
.area-first .news-swipe .swiper-button-prev{background: url('../images/p01.png') center center no-repeat rgba(0, 0, 0, .2);background-size: 12px;left: 0;}


.area-first .news-swipe .swiper-pagination,.area-first .news-swipe .pagination{height: 3px;left: 16px;right: auto;width: 80%;bottom: 15px;text-align: left;position: absolute;}
.area-first .news-swipe .swiper-pagination .swiper-pagination-bullet,
.area-first .news-swipe .pagination .swiper-pagination-switch{width: 28px;height: 3px;background-color: #f4efef;opacity: 1;border-radius: 0;transition: all .3s ease;margin: 0 4px;}
.area-first .news-swipe .swiper-pagination .swiper-pagination-bullet-active,
.area-first .news-swipe .pagination .swiper-active-switch
{background: #da251c;opacity: 1}

.area-first .news-items{}
.area-first .news-items .item{border-bottom: 1px solid #e2e1e1;}
.area-first .news-items .item .info{position: relative;box-sizing: border-box;padding: 0 5px 0 20px;transition: all .3s ease;border-left: 1px solid transparent;}
.area-first .news-items .item .info:before{content: '';width: 3px; height: 3px;border-radius: 50%;background: #0763e1;position: absolute;left: 8px;top: 26px;}
.area-first .news-items .item h3{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height: 24px;font-size: 24px;font-weight: normal;line-height:26px;color: #333;padding:15px 0;margin: 0;box-sizing: content-box}
.area-first .news-items .item h3 a{ font-size: 18px;font-weight: normal;line-height:24px;color: #333;transition: all .3s ease;}
.area-first .news-items .item p{ font-size: 14px;line-height:30px;color: #333333;overflow: hidden;margin: 0;padding: 0;display: none; box-sizing: content-box;}
.area-first .news-items .on,.area-first .news-items .item:hover{padding-bottom: 10px;height: 140px;}
.area-first .news-items .on p,.area-first .news-items .item:hover p{display: block;padding-bottom: 10px;}
.area-first .news-items .on .info:after,.area-first .news-items .item:hover .info:after{content: '';width: 0; height: 0;position: absolute;right: 0px;bottom: 0;border: 10px solid transparent; border-color: transparent #0763e1 #0763e1 transparent; }
.area-first .news-items .item:hover .info,.area-first .news-items .on  .info{border-left-color: #0763e1;background: #eeeff1;}
.area-first .news-items .on h3,.area-first .news-items .on h3 a,.area-first .news-items .item:hover h3,.area-first .news-items .item:hover h3 a{color:#0763e1 }

.service-box{margin-bottom: 20px;}
.service-box .item{display: block;width: 18.4%;margin-right: 2%;float: left;box-sizing: content-box;position: relative;padding-bottom: 15px;background: #f6f7fb;}
.service-box .item:last-child{margin-right: 0;}
.service-box .item .icon{display: block;width: 100%;height: 80px;}
.service-box .item .icon1{background: url('../images/p03.png') center center no-repeat;}
.service-box .item .icon2{background: url('../images/p04.png') center center no-repeat;}
.service-box .item .icon3{background: url('../images/p05.png') center center no-repeat;}
.service-box .item .icon4{background: url('../images/p06.png') center center no-repeat;}
.service-box .item .icon5{background: url('../images/p07.png') center center no-repeat;}
.service-box .item span{display: block;text-align: center;font-size: 24px;
  text-align: center;color: #111111;line-height: 24px;}
.service-box .item:before{content: '';width: 0;height: 0;border: 10px solid transparent; position: absolute;right: 0;top: 0;transition: all .3s ease;}
.service-box .item:after{content: '';width: 100%;height:2px;position: absolute;left: 0;bottom: 0;transition: all .3s ease;}
.service-box .item:hover span{color: #0763e1;}
.service-box .item:hover:before{border-color: #0763e1 #0763e1 transparent transparent ;}
.service-box .item:hover:after{background: #0763e1;}
.affairs-act{overflow: hidden;margin-bottom: 35px;}
.affairs-act .affairs-tab{margin-top: 0px;}
.affairs-act .affairs-tab .tab-tit{border-bottom: 2px solid #0763e1;height: 44px;margin-bottom: 10px;}
.affairs-act .affairs-tab .tab-tit .item{padding: 0 15px;display: inline-block;height:42px;vertical-align: top;font-size: 22px;color: #737373;border-bottom: 2px solid transparent;transition: all .3s ease;}
.affairs-act .affairs-tab .tab-tit .item:hover,.affairs-act .affairs-tab .tab-tit .on{border-bottom-color: #0763e1;}


.countries-box{margin-top: 20px;margin-bottom: 35px;overflow: hidden;}
.countries-box .countries-tab{}
.countries-box .countries-tab .tab-tit{border-bottom: 2px solid #0763e1;height: 44px;margin-bottom: 10px;}
.countries-box .countries-tab .tab-tit .item{padding: 0 15px;display: inline-block;height:42px;vertical-align: top;font-size: 22px;color: #737373;border-bottom: 2px solid transparent;transition: all .3s ease;}
.countries-box .countries-tab .tab-tit .item:hover,.countries-box .countries-tab .tab-tit .on{border-bottom-color: #0763e1;}
.countries-new h3{height: 60px;overflow: hidden;padding-left: 10px;margin-bottom: 10px;}
.countries-new h3 a{font-size: 20px;height: 60px;line-height: 60px;color: #000000;font-weight: normal;}
.countries-new:hover h3 a{color: #0763e1}
.countries-new ul{margin-bottom: 10px;}
.countries-new li{padding-bottom: 20px;transition: all .3s ease;position: relative;}
.countries-new li:hover{background: #f6f7fb;}
.countries-new li:hover:before{content: '';border: 10px solid transparent; border-color: transparent #0763e1 #0763e1 transparent;content: '';width: 0;height: 0;position: absolute;right: 0;bottom: 0;}
.countries-new .pic-txt{
    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;   /* 混合版本语法: IE 10 */ 
    display: block\0;  
/* -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; */}
.countries-new .pic-txt .txt{-webkit-flex: 1;/* Chrome */  
    -ms-flex: 1; /* IE 10 */  
    flex: 1;/* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */  
    -moz-box-flex: 1;/* OLD - Firefox 19- */
    margin-left: 30px;margin-left: 0\0;
}
.countries-new .pic-txt .pic{width: 30%;width: 28%\0;float: left\0;margin-right: 30px\0;}
.countries-new .pic-txt .pic img{width: 100%;}
.countries-new .pic-txt .txt p{ font-size: 14px;line-height: normal;color: #333333;line-height: 24px;margin-bottom: 20px;}
.countries-new .pic-txt .txt .tip{height: 24px;}
.countries-new .pic-txt .txt .tip span{vertical-align: top;line-height: 24px;font-size: 12px;color: #333;margin-right: 30px}
.countries-new .pic-txt .txt .tip .icon{display: inline-block;height: 24px;width: 20px;vertical-align: middle;}
.countries-new .pic-txt .txt .tip .date{background: url('../images/p12.png') left center no-repeat;}
.countries-new .pic-txt .txt .tip .local{background: url('../images/p13.png') left center no-repeat;}

.countries-box .invest-tab{padding-top: 50px}
.countries-box .invest-tab .tab-tit{border-bottom: 2px solid #0763e1;height: 44px;margin-bottom: 10px;}
.countries-box .invest-tab .tab-tit .item{padding: 0 10px;display: inline-block;height:42px;vertical-align: top;font-size: 22px;color: #737373;border-bottom: 2px solid transparent;transition: all .3s ease;}
.countries-box .invest-tab .tab-tit .item:hover,.countries-box .invest-tab .tab-tit .on{border-bottom-color: #0763e1;}

.invest-tab .invest-items h3{height: 56px;overflow: hidden;margin-bottom: 10px;}
.invest-tab .invest-items h3 a{font-size: 20px;line-height: 56px;color: #000000;font-weight: normal;}
.invest-tab .invest-items li:hover h3 a{color:#0763e1}
.invest-tab .invest-items ul{margin-bottom: 0;}
.invest-tab .invest-items li{padding-bottom: 30px;transition: all .3s ease;position: relative;border-bottom: 1px dashed rgba(0, 0, 0, .34);margin-bottom: 15px;}
.invest-tab .invest-items li:last-child{border-bottom: 0;margin-bottom: 0;}
.invest-tab .invest-items .pic-txt{
    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;   /* 混合版本语法: IE 10 */ 
    display: block\0;  
/* -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; */}
.invest-tab .invest-items .pic-txt .txt{-webkit-flex: 1;/* Chrome */  
    -ms-flex: 1; /* IE 10 */  
    flex: 1;/* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */  
    -moz-box-flex: 1;/* OLD - Firefox 19- */
margin-left: 20px;margin-left:0\0;}
.invest-tab .invest-items .pic-txt .pic{width: 40%;width: 38%\0;float: left\0;margin-right: 20px\0;}
.invest-tab .invest-items .pic-txt .pic img{width: 100%;}
.invest-tab .invest-items .pic-txt .txt p{ font-size: 14px;line-height: normal;color: #333333;line-height: 24px;margin-bottom: 40px;}
.invest-tab .invest-items .pic-txt .txt .tip{height: 24px;}
.invest-tab .invest-items .pic-txt .txt .tip span{vertical-align: top;line-height: 24px;font-size: 12px;color: #333;margin-right:15px}


.focusNews-box{margin-top: 20px;overflow: hidden;margin-bottom: 30px;}
.focusNews-box .focusNews-tab{}
.focusNews-box .focusNews-tab .tab-tit{border-bottom: 2px solid #0763e1;height: 44px;margin-bottom: 10px;}
.focusNews-box .focusNews-tab .tab-tit .item{padding: 0 10px;display: inline-block;height:42px;vertical-align: top;font-size: 22px;color: #737373;border-bottom: 2px solid transparent;transition: all .3s ease;}
.focusNews-box .focusNews-tab .tab-tit .item:hover,.focusNews-box .focusNews-tab .tab-tit .on{border-bottom-color: #0763e1;}
.focusNews-box .project-tab{}
.focusNews-box .project-tab .tab-tit{border-bottom: 2px solid #0763e1;height: 44px;margin-bottom: 20px;}
.focusNews-box .project-tab .tab-tit .item{padding: 0 10px;display: inline-block;height:42px;vertical-align: top;font-size: 22px;color: #737373;border-bottom: 2px solid transparent;transition: all .3s ease;}
.focusNews-box .project-tab .tab-tit .item:hover,.focusNews-box .project-tab .tab-tit .on{border-bottom-color: #0763e1;}

.focusNews-box .project-tab .project-items h3{height: 20px;overflow: hidden;margin-bottom: 20px;}
.focusNews-box .project-tab .project-items h3 a{font-size: 20px;line-height: 20px;color: #000000;font-weight: normal;vertical-align: top;}
.focusNews-box .project-tab .project-items li:hover h3 a{color: #0763e1}
.focusNews-box .project-tab .project-items ul{margin-bottom: 7px;}
.focusNews-box .project-tab .project-items li{transition: all .3s ease;position: relative;border-bottom: 1px dashed rgba(0, 0, 0, .34);margin-bottom: 20px;padding: 0 0 20px 10px;}
.focusNews-box .project-tab .project-items li:last-child{border-bottom: 0;margin-bottom: 0;}
.focusNews-box .project-tab .project-items .tip{height: 14px;}
.focusNews-box .project-tab .project-items .tip span{vertical-align: top;line-height: 14px;font-size: 14px;color: #333;margin-right:15px}
.cooperate-box{margin-bottom: 55px;}
.cooperate-box .pic{background:#eaf0fd;}
.cooperate-box .pic img{width: 100%;}
.cooperate-box .cooperate-slide{margin-top: 10px;z-index: 0;}
.cooperate-box .cooperate-slide .swiper-button-next,
.cooperate-box .cooperate-slide .swiper-button-prev{width: 30px;height: 40px;position: absolute;top: 50%;transform: translate(0, -50%)}
.cooperate-box .cooperate-slide .swiper-button-next{background: url('../images/p02.png') center center no-repeat rgba(0, 0, 0, .2);background-size: 12px;right: 0}
.cooperate-box .cooperate-slide .swiper-button-prev{background: url('../images/p01.png') center center no-repeat rgba(0, 0, 0, .2);background-size: 12px;left: 0;}
.cooperate-box .cooperate-slide .swiper-slide{display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
    display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;      /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;   /* 混合版本语法: IE 10 */   
 -webkit-box-pack: start;
 -ms-flex-pack: start;
 -webkit-justify-content: center;
 justify-content: center; 
 -webkit-box-align: start;
 -ms-flex-align: start;
 -webkit-align-items: flex-start;
 align-items: flex-start;
 flex-direction:column;
 -webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;}
.cooperate-box .cooperate-slide .pics{width:100%;margin-bottom: 1.25%; }
.cooperate-box .cooperate-slide .pics .pic{width:19%;margin-right: 1.25%;float: left; }
.cooperate-box .cooperate-slide .pics .pic:last-child{margin-right: 0;}
.cooperate-box .cooperate-slide .pics .pic img{width: 100%;}




@media (max-width: 991px){
  .area-first .news-swipe{height: auto;}
   .area-first .news-swipe,.area-first .news-items{margin-bottom: 20px;}
   .area-first .news-items{margin-bottom: 20px;}
   .service-box .item,.service-box .item:last-child{float: none;margin:20px auto 20px;width:60%;}
   .service-box .item .icon{padding:20px 0 15px;box-sizing: content-box}
   .affairs-act .affairs-tab .tab-tit,
   .focusNews-box .focusNews-tab .tab-tit{height: auto}
   .affairs-act .affairs-tab .affairs-items .info{padding: 20px 15px 20px 15px}
   .affairs-act .affairs-tab .affairs-items h3{height: auto;}
   .affairs-act .affairs-tab .affairs-items .info .date{display: none;}
   .affairs-act .affairs-tab .tab-tit .item,
   .countries-box .countries-tab .tab-tit .item,
   .countries-box .invest-tab .tab-tit .item,
   .focusNews-box .focusNews-tab .tab-tit .item,
   .focusNews-box .project-tab .tab-tit .item{font-size: 16px;padding: 0 5px;}
   .countries-new li{padding: 0 0 20px;}
   .countries-new h3{padding-left: 0;}
   .countries-new .pic-txt .txt{margin-left: 15px;}
   .invest-tab .invest-items li{padding: 0 0 30px;}
   .invest-tab .invest-items .pic-txt .txt{margin-left: 15px;}
   .area-first .news-items,
   .affairs-act,
   .active-box,
   .countries-box,
   .focusNews-box,
   .cooperate-box,
   .ad{padding: 0 20px;}
   .cooperate-box .cooperate-slide .pics{margin-bottom: 0;}
   .cooperate-box .cooperate-slide .pics .pic{width:90%;float: none;margin: 0 auto 10px; }
   .cooperate-box .cooperate-slide .pics .pic:last-child{margin: 0 auto 10px;}
.area-first .news-swipe .swiper-slide h3{    overflow: hidden;}
.area-first .news-items .on, .area-first .news-items .item:hover{height:auto;}
}



